<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta keywords="web开发,前段开发,HTML5,Html/css,css,css3,网页设计,网页开发">
	<title>Dodospace - 专注于互联网前后端技术分享 </title>
	<include file="./Public/link.html" />
</head>
<body>
	<div class="head-body">
		<include file="./Public/header.html" />
	</div>
	<div class="content-body">		
		<div class="container clearfix">
			<div class="menu-left fl">
				<div class="arrow-left clearfix">
					<div class="top-b-1 fl"></div>
					<div class="top-b-2 fl"></div>
				</div>
				<div class="arrow-mask">
					<div class="rect"></div>
					<div class="triangle-down"></div>
				</div>
				<div class="art-menu new-art">
					<div class="art-tit">
						<h2>New&ensp;Article</h2>
						<div class="line-write"></div>
						<i class="triangle"></i>
					</div>					
					<ul class="triangle-left">
						<li><i></i><a href="#">JavaScript中的原型和继承</a></li>
						<li><i></i><a href="#">《大型网站SEO优化实践》学习分享</a></li>
						<li><i></i><a href="#">2014年15款新评定的最佳PHP框架</a></li>
						<li><i></i><a href="#">10个最好的 jQuery 视频插件</a></li>
						<li><i></i><a href="#">程序员/设计师能用上的 75 份速查表</a></li>
					</ul>
				</div>
				<div class="art-menu hot-art">					
					<div class="art-tit">
						<h2>Hot&ensp;Article</h2>
						<div class="line-write"></div>
						<i class="triangle"></i>
					</div>	
					<ul class="triangle-left">
						<li><i></i><a href="#">JavaScript中的原型和继承</a></li>
						<li><i></i><a href="#">《大型网站SEO优化实践》学习分享</a></li>
						<li><i></i><a href="#">2014年15款新评定的最佳PHP框架</a></li>
						<li><i></i><a href="#">10个最好的 jQuery 视频插件</a></li>
						<li><i></i><a href="#">程序员/设计师能用上的 75 份速查表</a></li>
					</ul>
				</div>
				<div class="art-menu recont-message">
					<div class="art-tit">
						<h2>Recont&ensp;Message</h2>
						<div class="line-write"></div>
						<i class="triangle"></i>
					</div>
					<ul class="img-list">
						<li class="clearfix">
							<div class="li-left fl">
								<img src="__PUBLIC__/images/h01.jpg" alt="">
							</div>
							<div class="li-right fr">
								<a href="#">“文章写的不错，能够学到很多东西希望博主多多</a>
								<div class="line-grey"></div>
								<span>March.12.2015</span>								
							</div>
							<i class="dotted"></i>
						</li>
						<li class="clearfix">
							<div class="li-left fl">
								<img src="__PUBLIC__/images/h02.jpg" alt="">
							</div>
							<div class="li-right fr">
								<a href="#">“文章写的不错，能够学到很多东西希望博主多多</a>
								<div class="line-grey"></div>
								<span>March.06.2015</span>								
							</div>
							<i class="dotted"></i>
						</li>
						<li class="clearfix">
							<div class="li-left fl">
								<img src="__PUBLIC__/images/h03.jpg" alt="">
							</div>
							<div class="li-right fr">
								<a href="#">“文章写的不错，能够学到很多东西希望博主多多</a>
								<div class="line-grey"></div>
								<span>March.21.2015</span>								
							</div>
							<i class="dotted"></i>
						</li>
					</ul>
				</div>
				<div class="art-menu links">
					<div class="art-tit">
						<h2>Links</h2>
						<div class="line-write"></div>
						<i class="triangle"></i>
					</div>	
					<div class="links-cont">
						<ul class="clearfix">
							<li><a href="#"><img src="__PUBLIC__/images/l01.jpg" alt=""></a></li>
							<li><a href="#"><img src="__PUBLIC__/images/l02.jpg" alt=""></a></li>
							<li><a href="#"><img src="__PUBLIC__/images/l03.jpg" alt=""></a></li>
							<li><a href="#"><img src="__PUBLIC__/images/l04.jpg" alt=""></a></li>
							<li><a href="#"><img src="__PUBLIC__/images/l05.jpg" alt=""></a></li>
							<li><a href="#"><img src="__PUBLIC__/images/l06.jpg" alt=""></a></li>
						</ul>
						<div class="line-grey"></div>
						<span><a href="#">READ&ensp;MORE</a></span>
						<i class="dotted"></i>
					</div>
				</div>
			</div>
			<div class="menu-right clearfix fl">
				<div class="nav-bar">
					<include file="./Public/navigation.html" />
				</div>
				<div class="title-msg fl">
					<h1>JavaScript</h1>
				</div>
				<div class="content-list fl">
					<div class="list-item">
						<div class="item-hd">
							<h2>JavaScript中的原型和继承</h2>
							<p><i></i><span class="tags">Javascript&ensp;Web</span><span class="slash">/</span><span class="views">240&ensp;Views</span></p>
						</div>
						<div class="item-bd clearfix">
							<div class="bd-left fl">
								<img src="__PUBLIC__/images/01.jpg" alt="JavaScript中的原型和继承">
							</div>
							<div class="bd-right fr">
								<p>最近我正在观看24 HoursofLeMans ，这是法国流行的一项赛事。最快的车被称为原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的，可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。
								</p>
								<div class="line-black"></div>
								<span class="read"><a href="#">READ&ensp;MORE</a></span>
							</div>
						</div>
						<div class="date-tag clearfix">
							<div class="date-left">
								<span class="day">14</span>
							</div>
							<div class="date-right">
								<span class="month">MAR</span>
								<span class="year">2015</span>								
							</div>
						</div>
					</div>
					<div class="list-item">
						<div class="item-hd">
							<h2>程序员/设计师能用上的 75 份速查表</h2>
							<p><i></i><span class="tags">程序员&ensp;速查表</span><span class="slash">/</span><span class="views">143&ensp;Views</span></p>
						</div>
						<div class="item-bd clearfix">
							<div class="bd-left fl">
								<img src="__PUBLIC__/images/02.jpg" alt="程序员/设计师能用上的 75 份速查表">
							</div>
							<div class="bd-right fr">
								<p>最近我正在观看 24 Hours of Le Mans ，这是法国流行的一项赛事。最快的车被称为Le Mans 原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的，可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。
								</p>
								<span class="read"><a href="#">READ&ensp;MORE</a></span>
							</div>
						</div>
						<div class="date-tag clearfix">
							<div class="date-left">
								<span class="day">14</span>
							</div>
							<div class="date-right">
								<span class="month">MAR</span>
								<span class="year">2015</span>								
							</div>
						</div>
					</div>
					<div class="list-item">
						<div class="item-hd">
							<h2>2014年15款新评定的最佳PHP框架</h2>
							<p><i></i><span class="tags">PHP&ensp;框架</span><span class="slash">/</span><span class="views">14&ensp;Views</span></p>
						</div>
						<div class="item-bd clearfix">
							<div class="bd-left fl">
								<img src="__PUBLIC__/images/03.jpg" alt="2014年15款新评定的最佳PHP框架">
							</div>
							<div class="bd-right fr">
								<p>最近我正在观看 24 Hours of Le Mans ，这是法国流行的一项赛事。最快的车被称为Le Mans 原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的，可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。
								</p>
								<span class="read"><a href="#">READ&ensp;MORE</a></span>
							</div>
						</div>
						<div class="date-tag clearfix">
							<div class="date-left">
								<span class="day">14</span>
							</div>
							<div class="date-right">
								<span class="month">MAR</span>
								<span class="year">2015</span>								
							</div>
						</div>
					</div>
					<div class="page-container">
						<div class="page-number prev"></div>
						<div class="page-number select">2</div>
						<div class="page-number">3</div>
						<div class="page-number next"></div>
						<div class="page-count">Page&nbsp;1&nbsp;of&nbsp;12</div>
					</div>
				</div>				
			</div>
		</div>
	</div>
	<div class="bottom-body">
		<include file="./Public/footer.html" />
	</div>
</body>
</html>